<%@ page language="java" contentType="text/html; charset=US-ASCII"
    pageEncoding="US-ASCII"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

	<!-- start: Meta -->
	<meta charset="utf-8" />
	<title>WEEKEND PLAYGROUND by Kily & Austin & JK Labs</title> 
	<meta name="description" content="Tabula Bootstrap Theme" />
	<meta name="keywords" content="Template, Theme, web, html5, css3, Bootstrap, pin, wall, responsive, fluid, retina" />
	<meta name="author" content="Łukasz Holeczek from creativeLabs" />
	<!-- end: Meta -->
	
	<!-- start: Mobile Specific -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<!-- end: Mobile Specific -->
	
	<!-- start: Facebook Open Graph -->
	<meta property="og:title" content="" />
	<meta property="og:description" content="" />
	<meta property="og:type" content="" />
	<meta property="og:url" content="" />
	<meta property="og:image" content="" />
	<!-- end: Facebook Open Graph -->

    <!-- start: CSS -->
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700" />
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif" />
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Boogaloo" />
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Economica:700,400italic" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<link href="css/layerslider.css" rel="stylesheet" type="text/css" />
	
	<!--[if lt IE 9 ]>
	  <link href="css/styleIE.css" rel="stylesheet">
	<![endif]-->
	
	<!--[if IE 9 ]>
	  <link href="css/styleIE9.css" rel="stylesheet">
	<![endif]-->
	
	<!-- end: CSS -->

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
	
	<!--start: Header -->
	<header>
		
	<jsp:include page="inc_gnb.jsp" flush="false">
		<jsp:param name="active" value="features"/>
	</jsp:include>		
			
	</header>
	<!--end: Header-->
	
	<!--start: Container -->
	<div class="container">
		
		<!-- start: Page Title -->
		<div id="page-title">

			<h2>List styles</h2>	

		</div>
		<!-- end: Page Title -->
	
		<!--start: Wrapper-->
		<div id="wrapper" class="full">
	
			<!--start: Row -->
	    	<div class="row-fluid">
		
				<!-- start: Check List Styles -->
				<div class="span2">

					<h3>Check List Styles</h3>

					<ul class="check_list"><li>Check List - Lorem ipsum</li></ul>
					<ul class="check_list"><li>Check List - Lorem ipsum</li></ul>
					<ul class="check_list"><li>Check List - Lorem ipsum</li></ul>
					<ul class="check_list"><li>Check List - Lorem ipsum</li></ul>
					<ul class="check_list"><li>Check List - Lorem ipsum</li></ul>
					<ul class="check_list"><li>Check List - Lorem ipsum</li></ul>
					<ul class="check_list"><li>Check List - Lorem ipsum</li></ul>
					<ul class="check_list"><li>Check List - Lorem ipsum</li></ul>

				</div>
				<!-- end: Check List Styles -->

				<!-- start: Arrow List Styles -->
				<div class="span2">

					<h3>Arrow List Styles</h3>

					<ul class="arrow_list"><li>Arrow 2 List - Lorem ipsum</li></ul>
					<ul class="arrow_list"><li>Arrow 2 List - Lorem ipsum</li></ul>
					<ul class="arrow_list"><li>Arrow 2 List - Lorem ipsum</li></ul>
					<ul class="arrow_list"><li>Arrow 2 List - Lorem ipsum</li></ul>
					<ul class="arrow_list"><li>Arrow 2 List - Lorem ipsum</li></ul>
					<ul class="arrow_list"><li>Arrow 2 List - Lorem ipsum</li></ul>
					<ul class="arrow_list"><li>Arrow 2 List - Lorem ipsum</li></ul>
					<ul class="arrow_list"><li>Arrow 2 List - Lorem ipsum</li></ul>

				</div>
				<!-- end: Arrow List Styles -->

				<!-- start: Star List Styles -->
				<div class="span2">

					<h3>Star List Styles</h3>

					<ul class="star_list"><li>Star List - Lorem ipsum</li></ul>
					<ul class="star_list"><li>Star List - Lorem ipsum</li></ul>
					<ul class="star_list"><li>Star List - Lorem ipsum</li></ul>
					<ul class="star_list"><li>Star List - Lorem ipsum</li></ul>
					<ul class="star_list"><li>Star List - Lorem ipsum</li></ul>
					<ul class="star_list"><li>Star List - Lorem ipsum</li></ul>
					<ul class="star_list"><li>Star List - Lorem ipsum</li></ul>
					<ul class="star_list"><li>Star List - Lorem ipsum</li></ul>

				</div>
				<!-- end: Star List Styles -->

				<!-- start: Cross List Styles -->
				<div class="span2">

					<h3>Cross List Styles</h3>

					<ul class="cross_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="cross_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="cross_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="cross_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="cross_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="cross_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="cross_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="cross_list"><li>Cross List - Lorem ipsum</li></ul>

				</div>
				<!-- end: Cross List Styles -->
				
				<!-- start: Plus List Styles -->
				<div class="span2">

					<h3>Plus List Styles</h3>

					<ul class="plus_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="plus_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="plus_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="plus_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="plus_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="plus_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="plus_list"><li>Cross List - Lorem ipsum</li></ul>
					<ul class="plus_list"><li>Cross List - Lorem ipsum</li></ul>

				</div>
				<!-- end: Plus List Styles -->

				<!-- start: All List Styles -->
				<div class="span2">

					<h3>All List Styles</h3>

					<ul class="check_list"><li>Check List - Lorem ipsum</li></ul>
					<ul class="plus_list"><li>Plus List - Lorem ipsum</li></ul>
					<ul class="minus_list"><li>Minus List - Lorem ipsum</li></ul>
					<ul class="star_list"><li>Star List - Lorem ipsum</li></ul>
					<ul class="arrow_list"><li>Arrow 2 List - Lorem ipsum</li></ul>
					<ul class="square_list"><li>Square List - Lorem ipsum</li></ul>
					<ul class="circle_list"><li>Circle List - Lorem ipsum</li></ul>
					<ul class="cross_list"><li>Cross List - Lorem ipsum</li></ul>

				</div>
				<!-- end: All List Styles -->

			</div>
			<!-- end: Row -->
						
		</div>
		<!-- end: Container  -->
	
	</div>
	<!-- end: Wrapper  -->			

	<%@ include file="inc_footer.jsp"%>

<!-- start: Java Script -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.8.2.js"></script>
<script src="js/isotope.js"></script>
<script src="js/jquery.imagesloaded.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/carousel.js"></script>
<script src="js/jquery.cslider.js"></script>
<script src="js/slider.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/twitter.js"></script>
<script src="js/jquery.placeholder.min.js"></script>

<script src="js/jquery-easing-1.3.js"></script>
<script src="js/layerslider.kreaturamedia.jquery.js"></script>

<script src="js/excanvas.js"></script>
<script src="js/jquery.flot.js"></script>
<script src="js/jquery.flot.pie.min.js"></script>
<script src="js/jquery.flot.stack.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>

<script defer="defer" src="js/modernizr.js"></script>
<script defer="defer" src="js/retina.js"></script>
<script defer="defer" src="js/custom.js"></script>
<!-- end: Java Script -->

</body>
</html>